@import "./base.styl"
.list {
  clear: both;
  padding 15px 15px 0

  .list-top {
    margin: 0;
    display flex

    .list-top-l {
      padding: 0;
      width 24px

      img {
        width 24px
        height 24px
        border-radius: 50%;
      }
    }

    .list-top-r {
      padding-left: 10px;
      padding-right: 0;
      color: #939393;
      font-size 14px
      line-height 30px
      flex 1

      a {
        display: inline-block;
        color: #0d0d0d;
        margin-right 10px
        font-weight bolder
      }

      a.second {
        margin-left 5px
      }
    }
  }

  .list-mid {
    margin: 0;
    margin-top 10px
    display flex

    .list-mid-l {
      padding: 0;
      width 24px
    }

    .list-mid-r {
      padding-right: 0;
      padding-left: 10px;
      color: #0d0d0d;
      font-size 14px
      line-height 20px
      flex 1
    }
  }

  .list-bot {
    margin 15px 0 0 34px
    overflow hidden
    border-bottom 1px solid #e5e5e5
    padding-bottom 5px

    .list-bot-time {
      padding: 0;
      color: #939393;
      font-size 10px
      float left
      display inline-block
    }

    .list-bot-zans {
      padding: 0;
      margin-right  20px
      float right
      display inline-block

      a {
        display: block;
        width: 100%;
        color: #939393;
        font-size 12px
      }

      span {
        display: inline-block;
        float: left;
        vertical-align: middle;
        width 15px
        height 15px
        margin-right 5px
        background: url(/assets/img/zan.png) no-repeat center;
        background-size: contain;
        margin-top: 2px;
      }

      em {
        font-style: normal
      }
    }

    .list-bot-zans.active {
      span {
        background: url(/assets/img/zan-Hover.png) no-repeat center;
        background-size: contain;
      }  
    }

    .list-bot-msg {
      padding: 0;
      float right
      display inline-block

      a {
        display: block;
        width: 100%;
        color: #939393;
        font-size 12px
      }

      span {
        display: inline-block;
        float: left;
        vertical-align: middle;
        width 16px
        height 16px
        margin-right 5px
        background: url(/assets/img/commitNumers.png) no-repeat center;
        background-size: contain;
        margin-top: 2px;
      }
    }

    .list-bot-coin {
      padding: 0;
      float right
      display inline-block
      margin-right 20px;

      a {
        display: block;
        width: 100%;
        color: #939393;
        font-size 12px
      }

      span {
        display: inline-block;
        float: left;
        vertical-align: middle;
        width 15px
        height 15px
        margin-right 5px
        background: url(/assets/img/coin.png) no-repeat center;
        background-size: contain;
        margin-top: 2px;
      }
    }
  }
}
